<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">

	<title>zui-cryptocoins图标</title>
	<link rel="shortcut icon" type="image/x-icon" href="http://hoppinzq.com/zui/static/favicon/favicon.ico">
	<link rel="stylesheet" href="http://hoppinzq.com/zui/static/css/vendors_css.css">
	  
	<link rel="stylesheet" href="http://hoppinzq.com/zui/static/css/style.min.css">
	<link rel="stylesheet" href="http://hoppinzq.com/zui/static/css/skin_color.css">
	
</head>

<body class="hold-transition light-skin sidebar-mini theme-primary fixed">
	
<div class="wrapper">

	<div id="preloader" class="center">
		<span>H</span><span>O</span><span>P</span><span>P</span><span>I</span><span>N</span><span>Z</span><span>Q</span>
	</div>
	<header class="main-header">
		<div class="d-flex align-items-center logo-box justify-content-start">
			<a href="#" class="waves-effect waves-light nav-link d-none d-md-inline-block mx-10 push-btn bg-transparent"
			   data-toggle="push-menu" role="button">
                <span class="icon-Align-left"><span class="path1"></span><span class="path2"></span><span
						class="path3"></span></span>
			</a>
			<a href="index.html" class="logo">
				<div class="logo-lg">
					<span class="light-logo"><img src="http://hoppinzq.com/zui/static/picture/logo-dark-text.png" alt="logo"></span>
					<span class="dark-logo"><img src="http://hoppinzq.com/zui/static/picture/logo-light-text.png" alt="logo"></span>
				</div>
			</a>
		</div>
		<nav class="navbar navbar-static-top">
			<div class="app-menu">
				<ul class="header-megamenu nav">
					<li class="btn-group nav-item d-md-none">
						<a href="#" class="waves-effect waves-light nav-link push-btn" data-toggle="push-menu"
						   role="button">
                            <span class="icon-Align-left"><span class="path1"></span><span class="path2"></span><span
									class="path3"></span></span>
						</a>
					</li>
					<li class="btn-group nav-item d-none d-xl-inline-block">
						<a href="contact_app_chat.html" class="waves-effect waves-light nav-link svg-bt-icon"
						   title="聊天">
							<i class="icon-Chat"><span class="path1"></span><span class="path2"></span></i>
						</a>
					</li>
					<li class="btn-group nav-item d-none d-xl-inline-block">
						<a href="mailbox.html" class="waves-effect waves-light nav-link svg-bt-icon" title="邮箱">
							<i class="icon-Mailbox"><span class="path1"></span><span class="path2"></span></i>
						</a>
					</li>
					<li class="btn-group nav-item d-none d-xl-inline-block">
						<a href="extra_taskboard.html" class="waves-effect waves-light nav-link svg-bt-icon" title="任务">
							<i class="icon-Clipboard-check"><span class="path1"></span><span class="path2"></span><span
									class="path3"></span></i>
						</a>
					</li>
				</ul>
			</div>
			<div id="wrapper-silder-bar">
				<marquee class="first" scrollamount=12 onclick="closeSilderBar()" onmouseover="this.stop()" onmouseout="this.start()">
					<dl id="ticker">
						<dt>重要通知</dt>
						<dd>后台管理系统和部分工具的访问需要管理员权限！部分页面的访问需要登录权限！请前往zq统一权限页面登录。</dd>
					</dl>
				</marquee>
			</div>
			<div class="navbar-custom-menu r-side">
				<ul class="nav navbar-nav">
					<li class="btn-group nav-item d-lg-inline-flex d-none">
						<a href="#" data-provide="fullscreen" class="waves-effect waves-light nav-link full-screen"
						   title="全屏">
							<i class="icon-Expand-arrows"><span class="path1"></span><span class="path2"></span></i>
						</a>
					</li>
					<li class="btn-group d-lg-inline-flex d-none">
						<div class="app-menu">
							<div class="search-bx mx-5">
								<form>
									<div class="input-group">
										<input type="search" class="form-control" placeholder="搜索" aria-label="Search"
											   aria-describedby="button-addon2">
										<div class="input-group-append">
											<button class="btn" type="submit" id="button-addon3"><i
													class="ti-search"></i></button>
										</div>
									</div>
								</form>
							</div>
						</div>
					</li>
					<li class="dropdown notifications-menu">
						<a href="#" class="waves-effect waves-light dropdown-toggle" data-toggle="dropdown"
						   title="消息提醒">
							<i class="icon-Notifications"><span class="path1"></span><span class="path2"></span></i>
						</a>
						<ul class="dropdown-menu animated bounceIn">

							<li class="header">
								<div class="p-20">
									<div class="flexbox">
										<div>
											<h4 class="mb-0 mt-0">消息提醒</h4>
										</div>
										<div>
											<a href="#" class="text-danger">清除全部</a>
										</div>
									</div>
								</div>
							</li>

							<li>
								<ul class="menu sm-scrol">
									<li>
										<a href="#">
											<i class="fa fa-users text-info"></i> 来自 DOTA2群 群消息
										</a>
									</li>
									<li>
										<a href="#">
											<i class="fa fa-warning text-warning"></i> 陌生人的消息
										</a>
									</li>
									<li>
										<a href="#">
											<i class="fa fa-users text-danger"></i> xxx已经退出 CSGO 群
										</a>
									</li>
									<li>
										<a href="#">
											<i class="fa fa-shopping-cart text-success"></i> 狙击精英5 已经添加至购物车
										</a>
									</li>
									<li>
										<a href="#">
											<i class="fa fa-user text-danger"></i> 错误的用户
										</a>
									</li>
									<li>
										<a href="#">
											<i class="fa fa-user text-primary"></i> 未认证的用户
										</a>
									</li>
									<li>
										<a href="#">
											<i class="fa fa-user text-success"></i> 来自用户dignitas的私聊
										</a>
									</li>
								</ul>
							</li>
							<li class="footer">
								<a href="#">查看所有</a>
							</li>
						</ul>
					</li>
					<li class="dropdown user user-menu">
						<a href="#" class="waves-effect waves-light dropdown-toggle" data-toggle="dropdown" title="用户">
							<!--<i class="icon-User"><span class="path1"></span><span class="path2"></span></i>-->
							<img class="user-header-image" src="http://hoppinzq.com/zui/static/picture/0.jpg">
							<img class="user-header-image-avila" src="http://hoppinzq.com/zui/static/picture/avila.png" title="avilabel">
						</a>
						<ul class="dropdown-menu animated flipInX">
							<li class="user-body">
								<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i>欢迎您，HOPPIN</a>
								<div class="dropdown-divider"></div>
								<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i> 账户详情</a>
								<a class="dropdown-item" href="#"><i class="ti-wallet text-muted mr-2"></i> 我的钱包</a>
								<a class="dropdown-item" href="#"><i class="ti-settings text-muted mr-2"></i> 设置</a>
								<div class="dropdown-divider"></div>
								<a class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i> 登入</a>
								<a class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i> 登出</a>
							</li>
						</ul>
					</li>
					<li>
						<a href="#" data-toggle="control-sidebar" title="设置" class="waves-effect waves-light">
							<i class="icon-Settings"><span class="path1"></span><span class="path2"></span></i>
						</a>
					</li>
				</ul>
			</div>
		</nav>
	</header>
	<aside class="main-sidebar">
		<section class="sidebar position-relative">
			<div class="multinav">
				<div class="multinav-scroll" style="height: 100%;">
					<ul class="sidebar-menu" data-widget="tree"></ul>
				</div>
			</div>
		</section>
		<div class="sidebar-footer"></div>
	</aside>
  
  <div class="content-wrapper">
	  <div class="container-full">
		<div class="content-header">
			<div class="d-flex align-items-center">
				<div class="mr-auto">
					<h3 class="page-title">Cryptocoins图标</h3>
					<div class="d-inline-block align-items-center">
						<nav>
							<ol class="breadcrumb">
								<li class="breadcrumb-item"><a href="#"><i class="mdi mdi-home-outline"></i></a></li>
								<li class="breadcrumb-item" aria-current="page">UI</li>
								<li class="breadcrumb-item" aria-current="page">图标</li>
								<li class="breadcrumb-item active" aria-current="page">Cryptocoins图标</li>
							</ol>
						</nav>
					</div>
				</div>
			</div>
		</div>
		<section class="content">
			<div class="box box-body">
				<div class="row">
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ADA" title="ADA"></i>
							  <span class="name">ADA</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ADA-alt" title="ADA"></i>
							  <span class="name">ADA-alt</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ADC" title="ADC"></i>
							  <span class="name">ADC</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ADC-alt" title="ADC"></i>
							  <span class="name">ADC-alt</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc AEON" title="AEON"></i>
							  <span class="name">AEON</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc AEON-alt" title="AEON"></i>
							  <span class="name">AEON-alt</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc AMP" title="AMP"></i>
							  <span class="name">AMP</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc AMP-alt" title="AMP"></i>
							  <span class="name">AMP-alt</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ANC" title="ANC"></i>
							  <span class="name">ANC</span>
							</a>
						</div>
					</div>                
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							   <i class="cc ANC-alt" title="ANC"></i>
							  <span class="name">ANC-alt</span>
							</a>
						</div>
					</div>                               
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							   <i class="cc ARCH" title="ARCH"></i>
							  <span class="name">ARCH</span>
							</a>
						</div>
					</div>                 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ARCH-alt" title="ARCH"></i>
							  <span class="name">ARCH-alt</span>
							</a>
						</div>
					</div>                
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ARDR" title="ARDR"></i>
							  <span class="name">ARDR</span>
							</a>
						</div>
					</div>                   
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ARDR-alt" title="ARDR"></i>
							  <span class="name">ARDR-alt</span>
							</a>
						</div>
					</div>                                 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ARK" title="ARK"></i>
							  <span class="name">ARK</span>
							</a>
						</div>
					</div>                  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ARK-alt" title="ARK"></i>
							  <span class="name">ARK-alt</span>
							</a>
						</div>
					</div>                  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc AUR" title="AUR"></i>
							  <span class="name">AUR</span>
							</a>
						</div>
					</div>                    
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc AUR-alt" title="AUR"></i>
							  <span class="name">AUR-alt</span>
							</a>
						</div>
					</div>          
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BANX" title="BANX"></i>
							  <span class="name">BANX</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BANX-alt" title="BANX"></i>
							  <span class="name">BANX-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BAT" title="BAT"></i>
							  <span class="name">BAT</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BAT-alt" title="BAT"></i>
							  <span class="name">BAT-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BAY" title="BAY"></i>
							  <span class="name">BAY</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BAY-alt" title="BAY"></i>
							  <span class="name">BAY-alt</span>
							</a>
						</div>
					</div>                 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BC" title="BC"></i>
							  <span class="name">BC</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BC-alt" title="BC"></i>
							  <span class="name">BC-alt</span>
							</a>
						</div>
					</div> 

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BCN" title="BCN"></i>
							  <span class="name">BCN</span>
							</a>
						</div>
					</div>                
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BCN-alt" title="BCN"></i>
							  <span class="name">BCN-alt</span>
							</a>
						</div>
					</div>                 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BFT" title="BFT"></i>
							  <span class="name">BFT</span>
							</a>
						</div>
					</div>                 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BFT-alt" title="BFT"></i>
							  <span class="name">BFT-alt</span>
							</a>
						</div>
					</div>                                 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BRK" title="BRK"></i>
							  <span class="name">BRK</span>
							</a>
						</div>
					</div>                 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BRX-alt" title="BRX-alt"></i>
							  <span class="name">BRX-alt</span>
							</a>
						</div>
					</div>                  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BSD" title="BSD"></i>
							  <span class="name">BSD</span>
							</a>
						</div>
					</div>                  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BSD-alt" title="BSD-alt"></i>
							  <span class="name">BSD-alt</span>
							</a>
						</div>
					</div>  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BTA" title="BTA"></i>
							  <span class="name">BTA</span>
							</a>
						</div>
					</div>                  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BTC" title="BTC"></i>
							  <span class="name">BTC</span>
							</a>
						</div>
					</div>                  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BTC-alt" title="BTC"></i>
							  <span class="name">BTC-alt</span>
							</a>
						</div>
					</div>                  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BTCD" title="BTCD"></i>
							  <span class="name">BTCD</span>
							</a>
						</div>
					</div>                  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BTCD-alt" title="BTCD"></i>
							  <span class="name">BTCD-alt</span>
							</a>
						</div>
					</div>                 


					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BTM" title="BTM"></i>
							  <span class="name">BTM</span>
							</a>
						</div>
					</div>                  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BTM-alt" title="BTM"></i>
							  <span class="name">BTM-alt</span>
							</a>
						</div>
					</div>                  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BTS" title="BTS"></i>
							  <span class="name">BTS</span>
							</a>
						</div>
					</div>                  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc BTS-alt" title="BTS"></i>
							  <span class="name">BTS-alt</span>
							</a>
						</div>
					</div>       
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc CLAM" title="CLAM"></i>
							  <span class="name">CLAM</span>
							</a>
						</div>
					</div>  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc CLAM-alt" title="CLAM"></i>
							  <span class="name">CLAM-alt</span>
							</a>
						</div>
					</div>  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc CLOAK" title="CLOAK"></i>
							  <span class="name">CLOAK</span>
							</a>
						</div>
					</div>  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc CLOAK-alt" title="CLOAK"></i>
							  <span class="name">BTS-alt</span>
							</a>
						</div>
					</div>  

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc DAO" title="DAO"></i>
							  <span class="name">DAO</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc DAO-alt" title="DAO"></i>
							  <span class="name">DAO-alt</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc DASH" title="DASH"></i>
							  <span class="name">DASH</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc DASH-alt" title="DASH"></i>
							  <span class="name">DASH-alt</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc DCR" title="DCR"></i>
							  <span class="name">DCR</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc DCR-alt" title="DCR"></i>
							  <span class="name">DCR-alt</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc DCT" title="DCT"></i>
							  <span class="name">DCT</span>
							</a>
						</div>
					</div>                
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc DCT-alt" title="DCT"></i>
							  <span class="name">DCT-alt</span>
							</a>
						</div>
					</div>                

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc DGB" title="DGB"></i>
							  <span class="name">DGB</span>
							</a>
						</div>
					</div>                  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc DGB-alt" title="DGB"></i>
							  <span class="name">DGB-alt</span>
							</a>
						</div>
					</div>                  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc DGD" title="DGD"></i>
							  <span class="name">DGD</span>
							</a>
						</div>
					</div>                  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc DGX" title="DGX"></i>
							  <span class="name">DGX-alt</span>
							</a>
						</div>
					</div>                  

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc DMD" title="DMD"></i>
							  <span class="name">DMD</span>
							</a>
						</div>
					</div>                 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc DMD-alt" title="DMD"></i>
							  <span class="name">DMD-alt</span>
							</a>
						</div>
					</div>                 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc DOGE" title="DOGE"></i>
							  <span class="name">DOGE</span>
							</a>
						</div>
					</div>                 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc DOGE-alt" title="DOGE"></i>
							  <span class="name">DOGE-alt</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc EMC" title="EMC"></i>
							  <span class="name">EMC</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc EMC-alt" title="EMC"></i>
							  <span class="name">EMC-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc EOS" title="EOS"></i>
							  <span class="name">EOS</span>
							</a>
						</div>
					</div> 
					 <div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc EOS-alt" title="EOS"></i>
							  <span class="name">EOS-alt</span>
							</a>
						</div>
					</div> 
					 <div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ERC" title="ERC"></i>
							  <span class="name">ERC</span>
							</a>
						</div>
					</div> 
					 <div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ERC-alt" title="ERC"></i>
							  <span class="name">ERC-alt</span>
							</a>
						</div>
					</div> 
					 <div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ETC" title="ETC"></i>
							  <span class="name">ETC</span>
							</a>
						</div>
					</div>                                                
					  <div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ETC-alt" title="ETC"></i>
							  <span class="name">ETC-alt</span>
							</a>
						</div>
					</div>                

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ETH" title="ETH"></i>
							  <span class="name">ETH</span>
							</a>
						</div>
					</div>                  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ETH-alt" title="ETH"></i>
							  <span class="name">ETH-alt</span>
							</a>
						</div>
					</div>     

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc FC2" title="FC2"></i>
							  <span class="name">FC2</span>
							</a>
						</div>
					</div>  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc FC2-alt" title="FC2"></i>
							  <span class="name">FC2-alt</span>
							</a>
						</div>
					</div>  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc FCT" title="FCT"></i>
							  <span class="name">FCT</span>
							</a>
						</div>
					</div>  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc FCT-alt" title="FCT"></i>
							  <span class="name">FCT-alt</span>
							</a>
						</div>
					</div>  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc FLO" title="FLO"></i>
							  <span class="name">FLO</span>
							</a>
						</div>
					</div>  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc FLO-alt" title="FLO"></i>
							  <span class="name">FLO-alt</span>
							</a>
						</div>
					</div>  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc FRK" title="FRK"></i>
							  <span class="name">FRK</span>
							</a>
						</div>
					</div>  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc FRK-alt" title="FRK"></i>
							  <span class="name">FRK-alt</span>
							</a>
						</div>
					</div>  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc FTC" title="FTC"></i>
							  <span class="name">FTC</span>
							</a>
						</div>
					</div>                                  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc FTC-alt" title="FTC"></i>
							  <span class="name">FTC-alt</span>
							</a>
						</div>
					</div>      

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc GAME" title="GAME"></i>
							  <span class="name">GAME</span>
							</a>
						</div>
					</div>    
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc GAME-alt" title="GAME"></i>
							  <span class="name">GAME-alt</span>
							</a>
						</div>
					</div>    
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc GBYTE" title="GBYTE"></i>
							  <span class="name">GBYTE</span>
							</a>
						</div>
					</div>    
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc GBYTE-alt" title="GBYTE"></i>
							  <span class="name">GBYTE-alt</span>
							</a>
						</div>
					</div>    
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc GDC" title="GDC"></i>
							  <span class="name">GDC</span>
							</a>
						</div>
					</div>    
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc GDC-alt" title="GDC"></i>
							  <span class="name">GDC-alt</span>
							</a>
						</div>
					</div>    
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc GEMZ" title="GEMZ"></i>
							  <span class="name">GEMZ</span>
							</a>
						</div>
					</div>    
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc GEMZ-alt" title="GEMZ"></i>
							  <span class="name">GEMZ-alt</span>
							</a>
						</div>
					</div>    
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc GLD" title="GLD"></i>
							  <span class="name">GLD</span>
							</a>
						</div>
					</div>    
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc GLD-alt" title="GLD"></i>
							  <span class="name">GLD-alt</span>
							</a>
						</div>
					</div>    
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc GNO" title="GNO"></i>
							  <span class="name">GNO</span>
							</a>
						</div>
					</div>   
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc GNO-alt" title="GNO"></i>
							  <span class="name">GNO-alt</span>
							</a>
						</div>
					</div>   
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc GNT" title="GNT"></i>
							  <span class="name">GNT</span>
							</a>
						</div>
					</div>   
					  <div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc GNT-alt" title="GNT"></i>
							  <span class="name">GNT-alt</span>
							</a>
						</div>
					</div>                                 
					 <div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc GOLOS" title="GOLOS"></i>
							  <span class="name">GOLOS</span>
							</a>
						</div>
					</div>                  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc GOLOS-alt" title="GOLOS"></i>
							  <span class="name">GOLOS-alt</span>
							</a>
						</div>
					</div>                   
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc GRC" title="GRC"></i>
							  <span class="name">GRC</span>
							</a>
						</div>
					</div>                   
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc GRC-alt" title="GRC"></i>
							  <span class="name">GRC-alt</span>
							</a>
						</div>
					</div>                   
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc GRS" title="GRS"></i>
							  <span class="name">GRS</span>
							</a>
						</div>
					</div>     

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc HEAT" title="HEAT"></i>
							  <span class="name">HEAT</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc HEAT-alt" title="HEAT"></i>
							  <span class="name">HEAT-alt</span>
							</a>
						</div>
					</div>


					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ICN" title="ICN"></i>
							  <span class="name">ICN</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ICN-alt" title="ICN"></i>
							  <span class="name">ICN-alt</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc IFC" title="IFC"></i>
							  <span class="name">IFC</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc IFC-alt" title="IFC"></i>
							  <span class="name">IFC-alt</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc INCNT" title="INCNT"></i>
							  <span class="name">INCNT</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc INCNT-alt" title="INCNT"></i>
							  <span class="name">INCNT-alt</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc IOC" title="IOC"></i>
							  <span class="name">IOC</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc IOC-alt" title="IOC"></i>
							  <span class="name">IOC-alt</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc IOTA" title="IOTA"></i>
							  <span class="name">IOTA</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc IOTA-alt" title="IOTA"></i>
							  <span class="name">IOTA-alt</span>
							</a>
						</div>
					</div>

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc JBS" title="JBS"></i>
							  <span class="name">JBS</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc JBS-alt" title="JBS"></i>
							  <span class="name">JBS-alt</span>
							</a>
						</div>
					</div>


					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc KMD" title="KMD"></i>
							  <span class="name">KMD</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc KMD-alt" title="KMD"></i>
							  <span class="name">KMD-alt</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc KOBO" title="KOBO"></i>
							  <span class="name">KOBO</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc KORE" title="KORE"></i>
							  <span class="name">KORE</span>
							</a>
						</div>
					</div>
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc KORE-alt" title="KORE"></i>
							  <span class="name">KORE-alt</span>
							</a>
						</div>
					</div>  

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc LBC" title="LBC"></i>
							  <span class="name">LBC</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc LBC-alt" title="LBC"></i>
							  <span class="name">LBC-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc LDOGE" title="LDOGE"></i>
							  <span class="name">LDOGE</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							   <i class="cc LDOGE-alt" title="LDOGE"></i>
							  <span class="name">LDOGE-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc LSK" title="LSK"></i>
							  <span class="name">LSK</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc LSK-alt" title="LSK"></i>
							  <span class="name">LSK-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc LTC" title="LTC"></i>
							  <span class="name">LTC</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc LTC-alt" title="LTC"></i>
							  <span class="name">LTC-alt</span>
							</a>
						</div>
					</div> 

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc MAID" title="MAID"></i>
							  <span class="name">MAID</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc MAID-alt" title="MAID"></i>
							  <span class="name">MAID-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc MCO" title="MCO"></i>
							  <span class="name">MCO</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc MCO-alt" title="MCO"></i>
							  <span class="name">MCO-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc MINT" title="MINT"></i>
							  <span class="name">MINT</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc MINT-alt" title="MINT"></i>
							  <span class="name">MINT-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc MONA" title="MONA"></i>
							  <span class="name">MONA</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc MONA-alt" title="MONA"></i>
							  <span class="name">MONA-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc MRC" title="MRC"></i>
							  <span class="name">MRC</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc MSC" title="MSC"></i>
							  <span class="name">MSC</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc MSC-alt" title="MSC"></i>
							  <span class="name">MSC-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc MTR" title="MTR"></i>
							  <span class="name">MTR</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc MTR-alt" title="MTR"></i>
							  <span class="name">MTR-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc MUE" title="MUE"></i>
							  <span class="name">MUE</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc MUE-alt" title="MUE"></i>
							  <span class="name">MUE-alt</span>
							</a>
						</div>
					</div> 


					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc NBT" title="NBT"></i>
							  <span class="name">NBT</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc NEO" title="NEO"></i>
							  <span class="name">NEO</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc NEO-alt" title="NEO"></i>
							  <span class="name">NEO-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc NEOS" title="NEOS"></i>
							  <span class="name">NEOS</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc NEOS-alt" title="NEOS"></i>
							  <span class="name">NEOS-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc NEU" title="NEU"></i>
							  <span class="name">NEU</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc NEU-alt" title="NEU"></i>
							  <span class="name">NEU-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc NLG" title="NLG"></i>
							  <span class="name">NLG</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc NLG-alt" title="NLG"></i>
							  <span class="name">NLG-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc NMC" title="NMC"></i>
							  <span class="name">NMC</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc NMC-alt" title="NMC"></i>
							  <span class="name">NMC-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc NOTE" title="NOTE"></i>
							  <span class="name">NOTE</span>
							</a>
						</div>
					</div>                 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc NOTE-alt" title="NOTE"></i>
							  <span class="name">NOTE-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc NVC" title="NVC"></i>
							  <span class="name">NVC</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc NVC-alt" title="NVC"></i>
							  <span class="name">NVC-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc NXT" title="NXT"></i>
							  <span class="name">NXT</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc NXT-alt" title="NXT"></i>
							  <span class="name">NXT-alt</span>
							</a>
						</div>
					</div> 

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc OK" title="OK"></i>
							  <span class="name">OK</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc OK" title="OK-alt"></i>
							  <span class="name">OK-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc OMG" title="OMG"></i>
							  <span class="name">OMG</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc OMG" title="OMG-alt"></i>
							  <span class="name">OMG-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc OMNI" title="OMNI"></i>
							  <span class="name">OMNI</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc OMNI" title="OMNI-alt"></i>
							  <span class="name">OMNI-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc OPAL" title="OPAL"></i>
							  <span class="name">OPAL</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc OPAL-alt" title="OPAL"></i>
							  <span class="name">OPAL-alt</span>
							</a>
						</div>
					</div> 

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc PART" title="PART"></i>
							  <span class="name">PART</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc PART-alt" title="PART"></i>
							  <span class="name">PART-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc PIGGY" title="PIGGY"></i>
							  <span class="name">PIGGY</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc PIGGY-alt" title="PIGGY"></i>
							  <span class="name">PIGGY-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc PINK" title="PINK"></i>
							  <span class="name">PINK</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc PINK-alt" title="PINK"></i>
							  <span class="name">PINK-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc PIVX" title="PIVX"></i>
							  <span class="name">PIVX</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc PIVX-alt" title="PIVX"></i>
							  <span class="name">PIVX-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc POT" title="POT"></i>
							  <span class="name">POT</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc POT-alt" title="POT"></i>
							  <span class="name">POT-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc PPC" title="PPC"></i>
							  <span class="name">PPC</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc PPC-alt" title="POT"></i>
							  <span class="name">PPC-alt</span>
							</a>
						</div>
					</div> 

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc QRK" title="QRK"></i>
							  <span class="name">QRK</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc QRK-alt" title="QRK"></i>
							  <span class="name">QRK-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc QTUM" title="QTUM"></i>
							  <span class="name">QTUM</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc QTUM-alt" title="QTUM"></i>
							  <span class="name">QTUM-alt</span>
							</a>
						</div>
					</div> 

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							   <i class="cc RADS" title="RADS"></i>
							  <span class="name">QTUM-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							   <i class="cc RADS-alt" title="RADS"></i>
							  <span class="name">QTUM-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc RBIES" title="RBIES"></i>
							  <span class="name">QTUM-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc RBIES-alt" title="RBIES"></i>
							  <span class="name">QTUM-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc RBT" title="RBT"></i>
							  <span class="name">QTUM-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc RBT-alt" title="RBT"></i>
							  <span class="name">QTUM-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc RBY" title="RBY"></i>
							  <span class="name">QTUM-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc RBY-alt" title="RBY"></i>
							  <span class="name">QTUM-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc RDD" title="RDD"></i>
							  <span class="name">QTUM-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc RDD-alt" title="RDD"></i>
							  <span class="name">QTUM-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc REP" title="REP"></i>
							  <span class="name">QTUM-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc REP-alt" title="REP"></i>
							  <span class="name">QTUM-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc RISE" title="RISE"></i>
							  <span class="name">QTUM-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc RISE-alt" title="RISE"></i>
							  <span class="name">QTUM-alt</span>
							</a>
						</div>
					</div> 

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SALT" title="SALT"></i>
							  <span class="name">SALT</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SALT-alt" title="SALT"></i>
							  <span class="name">SALT-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SAR" title="SAR"></i>
							  <span class="name">SAR</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SAR-alt" title="SAR"></i>
							  <span class="name">SAR-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SCOT" title="SCOT"></i>
							  <span class="name">SCOT</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SCOT-alt" title="SCOT"></i>
							  <span class="name">SCOT-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SDC" title="SDC"></i>
							  <span class="name">SDC</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SDC-alt" title="SDC"></i>
							  <span class="name">SDC-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SIA" title="SIA"></i>
							  <span class="name">SIA</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SIA-alt" title="SIA"></i>
							  <span class="name">SIA-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SJCX" title="SJCX"></i>
							  <span class="name">SJCX</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SJCX-alt" title="SJCX"></i>
							  <span class="name">SJCX-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SLG" title="SLG"></i>
							  <span class="name">SLG</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SLG-alt" title="SLG"></i>
							  <span class="name">SLG-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SLS" title="SLS"></i>
							  <span class="name">SLS</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SLS-alt" title="SLS"></i>
							  <span class="name">SLS-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SNRG" title="SNRG"></i>
							  <span class="name">SNRGt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SNRG-alt" title="SNRG"></i>
							  <span class="name">SNRG-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc START" title="START"></i>
							  <span class="name">START</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc START-alt" title="START"></i>
							  <span class="name">START-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc STEEM" title="STEEM"></i>
							  <span class="name">STEEM</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc STEEM-alt" title="STEEM"></i>
							  <span class="name">STEEM-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc STR" title="STR"></i>
							  <span class="name">STR</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc STR-alt" title="STR"></i>
							  <span class="name">STR-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc STRAT" title="STRAT"></i>
							  <span class="name">STRAT</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc STRAT-alt" title="STRAT"></i>
							  <span class="name">STRAT-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SWIFT" title="SWIFT"></i>
							  <span class="name">SWIFT</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SWIFT-alt" title="SWIFT"></i>
							  <span class="name">SWIFT-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SYNC" title="SYNC"></i>
							  <span class="name">SYNC</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SYNC-alt" title="SYNC"></i>
							  <span class="name">SYNC-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc SYS" title="SYS"></i>
							  <span class="name">SYS</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							 <i class="cc SYS-alt" title="SYS"></i>
							  <span class="name">SYS-alt</span>
							</a>
						</div>
					</div> 

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc TRIG" title="TRIG"></i>
							  <span class="name">TRIG</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc TRIG-alt" title="TRIG"></i>
							  <span class="name">TRIG-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc TX" title="TX"></i>
							  <span class="name">TX</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc TX-alt" title="TX"></i>
							  <span class="name">TX-alt</span>
							</a>
						</div>
					</div> 

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc UBQ" title="UBQ"></i>
							  <span class="name">UBQ</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc UBQ-alt" title="TX"></i>
							  <span class="name">UBQ-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc UNITY" title="UNITY"></i>
							  <span class="name">UNITY</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc UNITY-alt" title="TX"></i>
							  <span class="name">UNITY-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc USDT" title="USDT"></i>
							  <span class="name">USDT</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc USDT-alt" title="TX"></i>
							  <span class="name">USDT-alt</span>
							</a>
						</div>
					</div> 

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc VIOR" title="VIOR"></i>
							  <span class="name">VIOR</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc VIOR-alt" title="VIOR"></i>
							  <span class="name">VIOR-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc VNL" title="VNL"></i>
							  <span class="name">VNL</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc VNL-alt" title="VNL"></i>
							  <span class="name">VNL-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc VPN" title="VPN"></i>
							  <span class="name">VPN</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc VPN-alt" title="VPN"></i>
							  <span class="name">VPN-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc VRC" title="VRC"></i>
							  <span class="name">VRC</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc VRC-alt" title="VRC"></i>
							  <span class="name">VRC-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc VTC" title="VTC"></i>
							  <span class="name">VTC</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc VTC-alt" title="VTC"></i>
							  <span class="name">VTC-alt</span>
							</a>
						</div>
					</div> 

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc WAVES" title="WAVES"></i>
							  <span class="name">WAVES</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc WAVES-alt" title="WAVES"></i>
							  <span class="name">WAVES-alt</span>
							</a>
						</div>
					</div> 

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc XAI" title="XAI"></i>
							  <span class="name">XAI</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc XAI-alt" title="XAI"></i>
							  <span class="name">XAI-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc XBS" title="XBS"></i>
							  <span class="name">XBS</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc XBS-alt" title="XBS"></i>
							  <span class="name">XBS-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc XCP" title="XCP"></i>
							  <span class="name">XCP</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc XCP-alt" title="XCP"></i>
							  <span class="name">XCP-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc XEM" title="XEM"></i>
							  <span class="name">XEM</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc XEM-alt" title="XEM"></i>
							  <span class="name">XEM-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc XMR" title="XMR"></i>
							  <span class="name">XMR</span>
							</a>
						</div>
					</div>  
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc XPM" title="XPM"></i>
							  <span class="name">XPM</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc XPM-alt" title="XPM"></i>
							  <span class="name">XPM-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc XRP" title="XRP"></i>
							  <span class="name">XRP</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc XRP-alt" title="XRP"></i>
							  <span class="name">XRP-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc XTZ" title="XTZ"></i>
							  <span class="name">XTZ</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc XTZ-alt" title="XTZ"></i>
							  <span class="name">XTZ-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc XZC" title="XZC"></i>
							  <span class="name">XZC</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc XZC-alt" title="XZC"></i>
							  <span class="name">XZC-alt</span>
							</a>
						</div>
					</div> 

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc YBC" title="YBC"></i>
							  <span class="name">YBC</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc YBC-alt" title="YBC"></i>
							  <span class="name">YBC-alt</span>
							</a>
						</div>
					</div> 

					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ZEC" title="ZEC"></i>
							  <span class="name">ZEC</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ZEC-alt" title="ZEC"></i>
							  <span class="name">ZEC-alt</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ZEIT" title="ZEIT"></i>
							  <span class="name">ZEIT</span>
							</a>
						</div>
					</div> 
					<div class="col-md-2 col-lg-2">
						<div class="preview">
							<a href="#">
							  <i class="cc ZEIT-alt" title="ZEIT"></i>
							  <span class="name">ZEIT-alt</span>
							</a>
						</div>
					</div> 

				 </div>
			</div>

		</section>

	  </div>
  </div>

	<footer class="main-footer"></footer>
	<aside class="control-sidebar">

		<div class="rpanel-title"><span class="pull-right btn btn-circle btn-danger"><i class="ion ion-close text-white"
																						data-toggle="control-sidebar"></i></span>
		</div>
		<ul class="nav nav-tabs control-sidebar-tabs">
			<li class="nav-item"><a href="#control-sidebar-home-tab" data-toggle="tab" class="active"><i
					class="mdi mdi-message-text"></i></a></li>
			<li class="nav-item"><a href="#control-sidebar-settings-tab" data-toggle="tab"><i
					class="mdi mdi-playlist-check"></i></a></li>
		</ul>
		<div class="tab-content">
			<div class="tab-pane active" id="control-sidebar-home-tab">
				<div class="flexbox">
					<a href="javascript:void(0)" class="text-grey">
						<i class="ti-more"></i>
					</a>
					<p>用户</p>
					<a href="javascript:void(0)" class="text-right text-grey"><i class="ti-plus"></i></a>
				</div>
				<div class="lookup lookup-sm lookup-right d-none d-lg-block">
					<input type="text" name="s" placeholder="搜索" class="w-p100">
				</div>
				<div class="media-list media-list-hover mt-20">
					<div class="media py-10 px-0">
						<a class="avatar avatar-lg status-success" href="#">
							<img src="http://hoppinzq.com/zui/static/picture/0.jpg" alt="...">
						</a>
						<div class="media-body">
							<p class="font-size-16">
								<a class="hover-primary" href="#"><strong>HOPPIN</strong></a>
							</p>
							<p>你好</p>
							<span>Just now</span>
						</div>
					</div>

					<div class="media py-10 px-0">
						<a class="avatar avatar-lg status-danger" href="#">
							<img src="http://hoppinzq.com/zui/static/picture/0.jpg" alt="...">
						</a>
						<div class="media-body">
							<p class="font-size-16">
								<a class="hover-primary" href="#"><strong>HOPPIN</strong></a>
							</p>
							<p>你好啊</p>
							<span>33 min ago</span>
						</div>
					</div>

					<div class="media py-10 px-0">
						<a class="avatar avatar-lg status-warning" href="#">
							<img src="http://hoppinzq.com/zui/static/picture/0.jpg" alt="...">
						</a>
						<div class="media-body">
							<p class="font-size-16">
								<a class="hover-primary" href="#"><strong>HOPPIN</strong></a>
							</p>
							<p>你好</p>
							<span>42 min ago</span>
						</div>
					</div>

					<div class="media py-10 px-0">
						<a class="avatar avatar-lg status-primary" href="#">
							<img src="http://hoppinzq.com/zui/static/picture/0.jpg" alt="...">
						</a>
						<div class="media-body">
							<p class="font-size-16">
								<a class="hover-primary" href="#"><strong>HOPPIN</strong></a>
							</p>
							<p>你好</p>
							<span>42 min ago</span>
						</div>
					</div>
					<div class="media py-10 px-0">
						<a class="avatar avatar-lg status-danger" href="#">
							<img src="http://hoppinzq.com/zui/static/picture/0.jpg" alt="...">
						</a>
						<div class="media-body">
							<p class="font-size-16">
								<a class="hover-primary" href="#"><strong>HOPPIN</strong></a>
							</p>
							<p>你好啊</p>
							<span>33 min ago</span>
						</div>
					</div>

					<div class="media py-10 px-0">
						<a class="avatar avatar-lg status-warning" href="#">
							<img src="http://hoppinzq.com/zui/static/picture/0.jpg" alt="...">
						</a>
						<div class="media-body">
							<p class="font-size-16">
								<a class="hover-primary" href="#"><strong>HOPPIN</strong></a>
							</p>
							<p>你好</p>
							<span>42 min ago</span>
						</div>
					</div>

					<div class="media py-10 px-0">
						<a class="avatar avatar-lg status-primary" href="#">
							<img src="http://hoppinzq.com/zui/static/picture/0.jpg" alt="...">
						</a>
						<div class="media-body">
							<p class="font-size-16">
								<a class="hover-primary" href="#"><strong>HOPPIN</strong></a>
							</p>
							<p>你好</p>
							<span>42 min ago</span>
						</div>
					</div>
				</div>
			</div>
			<div class="tab-pane" id="control-sidebar-settings-tab">
				<div class="flexbox">
					<a href="javascript:void(0)" class="text-grey">
						<i class="ti-more"></i>
					</a>
					<p>待办列表</p>
					<a href="javascript:void(0)" class="text-right text-grey"><i class="ti-plus"></i></a>
				</div>
				<ul class="todo-list mt-20">
					<li class="py-15 px-5 by-1">
						<input type="checkbox" id="basic_checkbox_1" class="filled-in">
						<label for="basic_checkbox_1" class="mb-0 h-15"></label>
						<span class="text-line">吃饭</span>
						<small class="badge bg-danger"><i class="fa fa-clock-o"></i> 2 mins</small>
						<div class="tools">
							<i class="fa fa-edit"></i>
							<i class="fa fa-trash-o"></i>
						</div>
					</li>
					<li class="py-15 px-5">
						<input type="checkbox" id="basic_checkbox_2" class="filled-in">
						<label for="basic_checkbox_2" class="mb-0 h-15"></label>
						<span class="text-line">睡觉</span>
						<small class="badge bg-info"><i class="fa fa-clock-o"></i> 4 hours</small>
						<div class="tools">
							<i class="fa fa-edit"></i>
							<i class="fa fa-trash-o"></i>
						</div>
					</li>
					<li class="py-15 px-5 by-1">
						<input type="checkbox" id="basic_checkbox_3" class="filled-in">
						<label for="basic_checkbox_3" class="mb-0 h-15"></label>
						<span class="text-line">打火猫</span>
						<small class="badge bg-warning"><i class="fa fa-clock-o"></i> 1 day</small>
						<div class="tools">
							<i class="fa fa-edit"></i>
							<i class="fa fa-trash-o"></i>
						</div>
					</li>
					<li class="py-15 px-5">
						<input type="checkbox" id="basic_checkbox_4" class="filled-in">
						<label for="basic_checkbox_4" class="mb-0 h-15"></label>
						<span class="text-line">吃饭</span>
						<small class="badge bg-success"><i class="fa fa-clock-o"></i> 3 days</small>
						<div class="tools">
							<i class="fa fa-edit"></i>
							<i class="fa fa-trash-o"></i>
						</div>
					</li>
					<li class="py-15 px-5 by-1">
						<input type="checkbox" id="basic_checkbox_5" class="filled-in">
						<label for="basic_checkbox_5" class="mb-0 h-15"></label>
						<span class="text-line">睡觉</span>
						<small class="badge bg-primary"><i class="fa fa-clock-o"></i> 1 week</small>
						<div class="tools">
							<i class="fa fa-edit"></i>
							<i class="fa fa-trash-o"></i>
						</div>
					</li>
					<li class="py-15 px-5">
						<input type="checkbox" id="basic_checkbox_6" class="filled-in">
						<label for="basic_checkbox_6" class="mb-0 h-15"></label>
						<span class="text-line">打火猫</span>
						<small class="badge bg-info"><i class="fa fa-clock-o"></i> 1 month</small>
						<div class="tools">
							<i class="fa fa-edit"></i>
							<i class="fa fa-trash-o"></i>
						</div>
					</li>
					<li class="py-15 px-5 by-1">
						<input type="checkbox" id="basic_checkbox_7" class="filled-in">
						<label for="basic_checkbox_7" class="mb-0 h-15"></label>
						<span class="text-line">吃饭</span>
						<small class="badge bg-danger"><i class="fa fa-clock-o"></i> 2 mins</small>
						<div class="tools">
							<i class="fa fa-edit"></i>
							<i class="fa fa-trash-o"></i>
						</div>
					</li>
					<li class="py-15 px-5">
						<input type="checkbox" id="basic_checkbox_8" class="filled-in">
						<label for="basic_checkbox_8" class="mb-0 h-15"></label>
						<span class="text-line">睡觉</span>
						<small class="badge bg-info"><i class="fa fa-clock-o"></i> 4 hours</small>
						<div class="tools">
							<i class="fa fa-edit"></i>
							<i class="fa fa-trash-o"></i>
						</div>
					</li>
					<li class="py-15 px-5 by-1">
						<input type="checkbox" id="basic_checkbox_9" class="filled-in">
						<label for="basic_checkbox_9" class="mb-0 h-15"></label>
						<span class="text-line">打火猫</span>
						<small class="badge bg-warning"><i class="fa fa-clock-o"></i> 1 day</small>
						<div class="tools">
							<i class="fa fa-edit"></i>
							<i class="fa fa-trash-o"></i>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</aside>
	<div class="control-sidebar-bg"></div>
</div>
<div class="sticky-toolbar">
	<a href="#" data-toggle="tooltip" data-placement="left" title="快照"
	   class="waves-effect waves-light btn btn-success btn-flat mb-5 btn-sm" target="_blank">
		<span class="icon-Money"><span class="path1"></span><span class="path2"></span></span>
	</a>
	<a href="javascript:void(0);" data-toggle="tooltip" data-placement="left" title="新窗口"
	   class="waves-effect waves-light btn btn-danger btn-flat mb-5 btn-sm" target="_blank">
		<span class="icon-Image"></span>
	</a>
	<a id="chat-popup" href="#" data-toggle="tooltip" data-placement="left" title="聊天"
	   class="waves-effect waves-light btn btn-warning btn-flat btn-sm">
		<span class="icon-Group-chat"><span class="path1"></span><span class="path2"></span></span>
	</a>
</div>
<div id="chat-box-body">
	<div id="chat-circle" class="waves-effect waves-circle btn btn-circle btn-lg btn-warning l-h-70">
		<div id="chat-overlay"></div>
		<span class="icon-Group-chat font-size-30"><span class="path1"></span><span class="path2"></span></span>
	</div>

	<div class="chat-box">
		<div class="chat-box-header p-15 d-flex justify-content-between align-items-center">
			<div class="btn-group">
				<button class="waves-effect waves-circle btn btn-circle btn-primary-light h-40 w-40 rounded-circle l-h-45"
						type="button" data-toggle="dropdown">
                    <span class="icon-Add-user font-size-22"><span class="path1"></span><span
							class="path2"></span></span>
				</button>
				<div class="dropdown-menu min-w-200">
					<a class="dropdown-item font-size-16" href="#">
						<span class="icon-Color mr-15"></span>
						新群聊</a>
					<a class="dropdown-item font-size-16" href="#">
                        <span class="icon-Clipboard mr-15"><span class="path1"></span><span class="path2"></span><span
								class="path3"></span><span class="path4"></span></span>
						联系人</a>
					<a class="dropdown-item font-size-16" href="#">
						<span class="icon-Group mr-15"><span class="path1"></span><span class="path2"></span></span>
						群聊</a>
					<a class="dropdown-item font-size-16" href="#">
                        <span class="icon-Active-call mr-15"><span class="path1"></span><span
								class="path2"></span></span>
						呼叫</a>
					<a class="dropdown-item font-size-16" href="#">
						<span class="icon-Settings1 mr-15"><span class="path1"></span><span class="path2"></span></span>
						设置</a>
					<div class="dropdown-divider"></div>
					<a class="dropdown-item font-size-16" href="#">
						<span class="icon-Question-circle mr-15"><span class="path1"></span><span class="path2"></span></span>
						帮助</a>
					<a class="dropdown-item font-size-16" href="#">
                        <span class="icon-Notifications mr-15"><span class="path1"></span><span
								class="path2"></span></span>
						隐私</a>
				</div>
			</div>
			<div class="text-center flex-grow-1">
				<div class="text-dark font-size-18">HOPPIN</div>
				<div>
					<span class="badge badge-sm badge-dot badge-primary"></span>
					<span class="text-muted font-size-12">在线</span>
				</div>
			</div>
			<div class="chat-box-toggle">
				<button id="chat-box-toggle"
						class="waves-effect waves-circle btn btn-circle btn-danger-light h-40 w-40 rounded-circle l-h-45"
						type="button">
					<span class="icon-Close font-size-22"><span class="path1"></span><span class="path2"></span></span>
				</button>
			</div>
		</div>
		<div class="chat-box-body">
			<div class="chat-box-overlay">
			</div>
			<div class="chat-logs">
				<div class="chat-msg user">
					<div class="d-flex align-items-center">
                            <span class="msg-avatar">
                                <img src="http://hoppinzq.com/zui/static/picture/0.jpg" class="avatar avatar-lg rounded-circle">
                            </span>
						<div class="mx-10">
							<a href="#" class="text-dark hover-primary font-weight-bold">HOPPIN</a>
							<p class="text-muted font-size-12 mb-0">2 小时</p>
						</div>
					</div>
					<div class="cm-msg-text">
						我是客服HOPPIN
					</div>
				</div>
				<div class="chat-msg self">
					<div class="d-flex align-items-center justify-content-end">
						<div class="mx-10">
							<a href="#" class="text-dark hover-primary font-weight-bold">你</a>
							<p class="text-muted font-size-12 mb-0">3 分钟</p>
						</div>
						<span class="msg-avatar">
                                <img src="http://hoppinzq.com/zui/static/picture/0.jpg" class="avatar avatar-lg rounded-circle">
                            </span>
					</div>
					<div class="cm-msg-text">
						我是hoppin的小迷弟
					</div>
				</div>
				<div class="chat-msg user">
					<div class="d-flex align-items-center">
                            <span class="msg-avatar">
                                <img src="http://hoppinzq.com/zui/static/picture/0.jpg" class="avatar avatar-lg rounded-circle">
                            </span>
						<div class="mx-10">
							<a href="#" class="text-dark hover-primary font-weight-bold">HOPPIN</a>
							<p class="text-muted font-size-12 mb-0">40 秒</p>
						</div>
					</div>
					<div class="cm-msg-text">
						好吧<br>有事吗帮助你的？
					</div>
				</div>
			</div>
		</div>
		<div class="chat-input">
			<form>
				<input type="text" id="chat-input" placeholder="发送消息">
				<button type="submit" class="chat-submit" id="chat-submit">
					<span class="icon-Send font-size-22"></span>
				</button>
			</form>
		</div>
	</div>
</div>
	<script src="http://hoppinzq.com/zui/static/js/vendors.min.js"></script>
	<script src="http://hoppinzq.com/zui/static/js/chat-popup.js"></script>
    <script src="http://hoppinzq.com/zui/static/js/feather.min.js"></script>
	
	<script src="http://hoppinzq.com/zui/static/js/template.min.js"></script>
<script src="../../static/script/main.js"></script>
	
	
</body>
</html>
